<template>
  <div class="usercenter-box">
    <div class="common-usercenter-box">
      <h6 class="common-title">提交成功</h6>
    <section>
      <orderDetail :order="order"></orderDetail>
    </section>
  </div>
  </div>
</template>

<script>
import orderDetail from '@/components/orderDetail'

export default {
  layout: 'webIn4',
  components: {
    orderDetail
  },
  data() {
    return {
      order: {}
    }
  },
  async mounted() {
    const { orderID } = this.$route.query
    const res = await this.$axios.get(
      `/order/order/orderDetails?orderID=${orderID}`
    )
    if (res.code === 1001 && res.body) {
      this.order = res.body
    }
  }
}
</script>

<style lang="scss" scoped>
.layui-form-label {
  width: 120px;
}
.layui-body-box {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  background: white;
}
.layui-card{box-shadow:none;}
.layui-card .layui-card-header{
  color: #666;
  border-bottom:0;
  padding-left: 25px
}
dl {
  margin-top: 0;
  margin-bottom: 0px;
}
.dl-horizontal dt {
  float: left;
  width: 134px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  clear: left;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border:1px solid #f4f5f8;
  margin-top: -1px;
}
.dl-horizontal dd {
  margin-left: 134px;
  letter-spacing: 1px;
  min-height: 30px;
  border:1px solid #f4f5f8;
  height: 40px;
  line-height: 40px;
  margin-top: -1px;
  padding-left: 10px;
  border-left:0;
}
.dl-horizontal dd:nth-child(1){margin-top: 0}
dt {
  background-color: #eeeeee;
  color: #575962;
}
dd, dt {
  line-height: 30px;
}
.progress_box label{
  width: 60px;
  padding-left: 0px;
  padding-right: 0px;
}
.progress_box .layui-input-inline{
  width: 100px;
}
.box-toolbar{position:fixed;bottom:0;background: #fff;padding:20px;width: 100%;padding-top: 10px}
.layui-col-space15>*{padding: 3.5px 7.5px}
@import 'assets/style/layer.css';
@import 'assets/style/layui.css';
@import 'assets/style/style9/common.css';
@import 'assets/style/style9/style.css';
</style>
